<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="music (1).css" />
  </head>
  <body>
    <!--LOgo-->
    <header>
      <div class="header-inner">
        <img src="images/qqmusic.png" />
      </div>
    </header>
    <!--歌单推荐-->
    <h1>歌单推荐</h1>
    <div>
      <div class="tag-list">
        <a href="#" class="tag-item tag-active">为你推荐</a>
        <a href="#" class="tag-item">运动</a>
        <a href="#" class="tag-item">网络歌曲</a>
        <a href="#" class="tag-item">思念</a>
        <a href="#" class="tag-item">官方歌单</a>
        <a href="#" class="tag-item">情歌</a>
      </div>
      <div class="playlist">
        <div class="album">
          <a href="#" class="cover-wrap">
            <img
              src="http://qpic.y.qq.com/music_cover/8HhavvWNIicpyjlv0UnT5TWLRxhfmGTVwYtiaWd54wZItUPRu7486Fqw/300?n=1"
              class="cover-img"
            />
            <div class="cover-mask"></div>
            <img src="images/cover_play.png" class="cover-play" />
          </a>
          <div>
            <a href="#" class="nowrap album-title">翻唱女神J.Fla | 只唱你最爱的旋律</a>
          </div>
          <div>
            <a href="#" class="nowrap album-author">播放量 891.4万</a>
          </div>
        </div>

        <div class="album">
          <a href="#" class="cover-wrap">
            <img
              src="http://qpic.y.qq.com/music_cover/GUalk7A0sBGvkxmUrXIf7KnEVGJFicuoT7xSkZLHiaEMB5Ojbccf6cbA/300?n=1"
              class="cover-img"
            />
            <div class="cover-mask"></div>
            <img src="images/cover_play.png" class="cover-play" />
          </a>
          <div>
            <a href="#" class="nowrap album-title">古风女声控，优美旋律为你而来</a>
          </div>
          <div>
            <a href="#" class="nowrap album-author">播放量 171.2万</a>
          </div>
          
        </div>
        <div class="album">
          <a href="#" class="cover-wrap">
            <img
              src="http://qpic.y.qq.com/music_cover/QrmdXDG3R4jGSEzqu0qtR4vw6Glga0N83eKicVCib61BZw5lZtWEUMibQ/300?n=1"
              class="cover-img"
            />
            <div class="cover-mask"></div>
            <img src="images/cover_play.png" class="cover-play" />
          </a>
          <div>
            <a href="#" class="nowrap album-title">想开一家早餐店，叫“早点见面</a>
          </div>
          <div>
            <a href="#" class="nowrap album-author">播放量 52.5万</a>
          </div>
         
        </div>
        <div class="album">
          <a href="#" class="cover-wrap">
            <img
              src="http://qpic.y.qq.com/music_cover/R8unPZMA4Vp5v2Ms96bst9nFCfe4YPBFBADicMz2LB0kLfEiaUM4ymiag/300?n=1"
              class="cover-img"
            />
            <div class="cover-mask"></div>
            <img src="images/cover_play.png" class="cover-play" />
          </a>
          <div>
            <a href="#" class="nowrap album-title">好评999+英文歌！轻松解压100％</a>
          </div>
          <div>
            <a href="#" class="nowrap album-author">播放量 1239.0万</a>
          </div>
          
        </div>
        <div class="album">
          <a href="#" class="cover-wrap">
            <img
              src="http://qpic.y.qq.com/music_cover/IknB7UUG0ME0zalRpPKYjJiauia2kJzKs5gtKQY4Vq9TJYLXdjQK9fCA/300?n=1"
              class="cover-img"
            />
            <div class="cover-mask"></div>
            <img src="images/cover_play.png" class="cover-play" />
          </a>
          <div>
            <a href="#" class="nowrap album-title">书房背景乐 沉浸于字里行间的时光</a>
          </div>
          <div>
            <a href="#" class="nowrap album-author">播放量 303.3万</a>
          </div>
          
        </div>
      </div>
    </div>
    <!--新歌首发-->
    <h1>新歌首发</h1>
    <div class="tag-list">
      <a href="#" class="tag-item tag-active">最新</a>
      <a href="#" class="tag-item">内地</a>
      <a href="#" class="tag-item">港台</a>
      <a href="#" class="tag-item">欧美</a>
      <a href="#" class="tag-item">韩国</a>
      <a href="#" class="tag-item">日本</a>
    </div>
    <div class="playlist_newsongs">
      <div class="newsongs_item">
        <img
          src="https://y.gtimg.cn/music/photo_new/T002R90x90M000002myPA84G7kxG_1.jpg"
          alt="图片描述"
        />
        <div class="newsongs_text">
          <div><a href="#" class="nowrap album-title">Sabotage</a></div>
          <div><a href="#" class="nowrap album-author">Bebe Rexha</a></div>
        </div>
        <span class="newsongs_time">02:50</span>
      </div>

      <div class="newsongs_item">
        <img
          src="https://y.gtimg.cn/music/photo_new/T002R90x90M000003UIhdS4fBLqU_1.jpg"
          alt="图片描述"
        />
        <div class="newsongs_text">
          <div><a href="#" class="nowrap album-title">如果人人爱音乐</a></div>
          <div><a href="#" class="nowrap album-author">张蕾</a></div>
        </div>
        <span class="newsongs_time">02:51</span>
      </div>

      <div class="newsongs_item">
        <img
          src="https://y.gtimg.cn/music/photo_new/T002R90x90M000002v6ztM40D0iP_1.jpg"
          alt="图片描述"
        />
        <div class="newsongs_text">
          <div><a href="#" class="nowrap album-title">你就不要想起我</a></div>
          <div><a href="#" class="nowrap album-author">R1SE赵磊</a></div>
        </div>
        <span class="newsongs_time">02:52</span>
      </div>

      <div class="newsongs_item">
        <img
          src="https://y.gtimg.cn/music/photo_new/T002R90x90M000000dcpok0A8RP3_2.jpg"
          alt="图片描述"
        />
        <div class="newsongs_text">
          <div><a href="#" class="nowrap album-title">花好月圆</a></div>
          <div><a href="#" class="nowrap album-author">周迅</a></div>
        </div>
        <span class="newsongs_time">02:53</span>
      </div>

      <div class="newsongs_item">
        <img
          src="https://y.gtimg.cn/music/photo_new/T002R90x90M0000005wEOc07Udwu_1.jpg"
          alt="图片描述"
        />
        <div class="newsongs_text">
          <div><a href="#" class="nowrap album-title">软肋</a></div>
          <div><a href="#" class="nowrap album-author">李宇春</a></div>
        </div>
        <span class="newsongs_time">02:54</span>
      </div>

      <div class="newsongs_item">
        <img
          src="https://y.gtimg.cn/music/photo_new/T002R90x90M000003vGVIq243Mzm_2.jpg"
          alt="图片描述"
        />
        <div class="newsongs_text">
          <div><a href="#" class="nowrap album-title">一爱如故</a></div>
          <div><a href="#" class="nowrap album-author">摩登兄弟李宇宁</a></div>
        </div>
        <span class="newsongs_time">02:55</span>
      </div>

      <div class="newsongs_item">
        <img
          src="https://y.gtimg.cn/music/photo_new/T002R90x90M000000hNAwr4dbutH_1.jpg"
          alt="图片描述"
        />
        <div class="newsongs_text">
          <div><a href="#" class="nowrap album-title">向命运挥拳的人</a></div>
          <div><a href="#" class="nowrap album-author">阿云嘎</a></div>
        </div>
        <span class="newsongs_time">02:56</span>
      </div>

      <div class="newsongs_item">
        <img
          src="https://y.gtimg.cn/music/photo_new/T002R90x90M000000dcpok0A8RP3_2.jpg"
          alt="图片描述"
        />
        <div class="newsongs_text">
          <div><a href="#" class="nowrap album-title"></a>Renegades</div>
          <div><a href="#" class="nowrap album-author"></a>ONE OK ROCK</div>
        </div>
        <span class="newsongs_time">02:57</span>
      </div>

      <div class="newsongs_item">
        <img
          src="https://y.gtimg.cn/music/photo_new/T002R90x90M000004X1Kbg34UHQ5_1.jpg"
          alt="图片描述"
        />
        <div class="newsongs_text">
          <div><a href="#" class="nowrap album-title">驯化着</a></div>
          <div><a href="#" class="nowrap album-author">陈俊豪/陈誉庚/TGM-姜京佐/刘冠佑/罗一舟/唐九洲/G.G张思源"</a></div>
        </div>
        <span class="newsongs_time">02:58</span>
      </div>
    </div>
    <!--MV-->
    <h1>MV</h1>
    <div class="tag-list">
      <a href="#" class="tag-item tag-active">精选</a>
      <a href="#" class="tag-item">内地</a>
      <a href="#" class="tag-item">港台</a>
      <a href="#" class="tag-item">欧美</a>
      <a href="#" class="tag-item">韩国</a>
      <a href="#" class="tag-item">日本</a>
    </div>

    <div class="playlist">
      <div class="album">
        <a href="#" class="cover-wrap">
          <img
            src="https://y.gtimg.cn/music/photo_new/T015R640x360M102000SY7kU0vIuoT.jpg"
            class="cover-img2"
          />
          <div class="cover-mask"></div>
          <img src="cover_play.png" class="cover-play" />
        </a>
        <div>
          <a href="#" class="nowrap album-title">向命运挥拳的人</a>
        </div>
        <div>
          <a href="#" class="nowrap album-author"
            ><img src="images/icon_listen.png" /> 播放量 66.6万</a
          >
        </div>
      </div>

      <div class="album">
        <a href="#" class="cover-wrap">
          <img
            src="https://y.gtimg.cn/music/photo_new/T015R640x360M000003vHDbe24Jqpl.jpg"
            class="cover-img2"
          />
          <div class="cover-mask"></div>
          <img src="images/cover_play.png" class="cover-play" />
        </a>
        <div>
          <a href="#" class="nowrap album-title">雨</a>
        </div>
        <div>
          <a href="#" class="nowrap album-author"
            ><img src="images/icon_listen.png" /> 播放量 14.2万</a
          >
        </div>
      </div>

      <div class="album">
        <a href="#" class="cover-wrap">
          <img
            src="https://y.gtimg.cn/music/photo_new/T015R640x360M1010047OlaH3P3f0J.jpg"
            class="cover-img2"
          />
          <div class="cover-mask"></div>
          <img src="images/cover_play.png" class="cover-play" />
        </a>
        <div>
          <a href="#" class="nowrap album-title">一爱如故</a>
        </div>
        <div>
          <a href="#" class="nowrap album-author"
            ><img src="images/icon_listen.png" /> 播放量 88.8万</a
          >
        </div>
      </div>

      <div class="album">
        <a href="#" class="cover-wrap">
          <img
            src="https://y.gtimg.cn/music/photo_new/T015R640x360M101002cYg662xvSlL.jpg"
            class="cover-img2"
          />
          <div class="cover-mask"></div>
          <img src="images/cover_play.png" class="cover-play" />
        </a>
        <div>
          <a href="#" class="nowrap album-title">我很好骗</a>
        </div>
        <div>
          <a href="#" class="nowrap album-author"
            ><img src="images/icon_listen.png" /> 播放量 77.7万</a
          >
        </div>
      </div>

      <div class="album">
        <a href="#" class="cover-wrap">
          <img
            src="https://y.gtimg.cn/music/photo_new/T015R640x360M101001YVtJL2sr2Z7.jpg"
            class="cover-img2"
          />
          <div class="cover-mask"></div>
          <img src="images/cover_play.png" class="cover-play" />
        </a>
        <div>
          <a href="#" class="nowrap album-title">造梦时学会飞行</a>
        </div>
        <div>
          <a href="#" class="nowrap album-author"
            ><img src="images/icon_listen.png" /> 播放量 24.5万</a
          >
        </div>
      </div>

      <div class="album">
        <a href="#" class="cover-wrap">
          <img
            src="https://y.gtimg.cn/music/photo_new/T015R640x360M101003RlAau1dFne3.jpg"
            class="cover-img2"
          />
          <div class="cover-mask"></div>
          <img src="images/cover_play.png" class="cover-play" />
        </a>
        <div>
          <a href="#" class="nowrap album-title">好听的歌</a>
        </div>
        <div>
          <a href="#" class="nowrap album-author"
            ><img src="images/icon_listen.png" /> 播放量 12.3万</a
          >
        </div>
      </div>

      <div class="album">
        <a href="#" class="cover-wrap">
          <img
            src="https://y.gtimg.cn/music/photo_new/T015R640x360M102003c3tSe1ehWwN.jpg"
            class="cover-img2"
          />
          <div class="cover-mask"></div>
          <img src="images/cover_play.png" class="cover-play" />
        </a>
        <div>
          <a href="#" class="nowrap album-title">有趣的歌</a>
        </div>
        <div>
          <a href="#" class="nowrap album-author"
            ><img src="images/icon_listen.png" /> 播放量 48.6万</a
          >
        </div>
      </div>

      <div class="album">
        <a href="#" class="cover-wrap">
          <img
            src="https://y.gtimg.cn/music/photo_new/T015R640x360M0000013X2t31kvJC4.jpg"
            class="cover-img2"
          />
          <div class="cover-mask"></div>
          <img src="images/cover_play.png" class="cover-play" />
        </a>
        <div>
          <a href="#" class="nowrap album-title">温柔的歌</a>
        </div>
        <div>
          <a href="#" class="nowrap album-author"
            ><img src="images/icon_listen.png" /> 播放量 134.1万</a
          >
        </div>
      </div>

      <div class="album">
        <a href="#" class="cover-wrap">
          <img
            src="https://y.gtimg.cn/music/photo_new/T002R90x90M000004X1Kbg34UHQ5_1.jpg"
            class="cover-img2"
          />
          <div class="cover-mask"></div>
          <img src="images/cover_play.png" class="cover-play" />
        </a>
        <div>
          <a href="#" class="nowrap album-title">轻松的歌</a>
        </div>
        <div>
          <a href="#" class="nowrap album-author"
            ><img src="images/icon_listen.png" /> 播放量 52.0万</a
          >
        </div>
      </div>

      <div class="album">
        <a href="#" class="cover-wrap">
          <img
            src="https://y.gtimg.cn/music/photo_new/T015R640x360M101000xHMCS1g3sSW.jpg"
            class="cover-img2"
          />
          <div class="cover-mask"></div>
          <img src="images/cover_play.png" class="cover-play" />
        </a>
        <div>
          <a href="#" class="nowrap album-title">悲伤的歌</a>
        </div>
        <div>
          <a href="#" class="nowrap album-author"
            ><img src="images/icon_listen.png" /> 播放量 52.1万</a
          >
        </div>
      </div>
    </div>
  </body>
</html>
